<template>
  <view class="styleLifeServices">
    <!-- <toast></toast> -->
    <!-- <u-navbar title="财务中心" :bgColor="navbarClass.titleBgColor" @leftClick="backHome" :placeholder="true"> </u-navbar> -->
    <image class="image1" src="../../static/image/contentHall1.png" mode="" />
    <view class="tabList">
      <view class="tabItem">
        <image class="image2" @click="gotoJump('/pageContent/interaction/contactUs')" src="../../static/image/contentHall2.png" mode="" />
        <view>联系我们</view>
      </view>
      <view class="tabItem">
        <image class="image2" @click="gotoJump('/pageContent/interaction/navigationList')" src="../../static/image/contentHall3.png" mode="" />
        <view>一键导航</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  },
  onLoad() {},
  methods: {
    gotoJump(url) {
      uni.navigateTo({
        url: url,
      })
    },
  },
}
</script>

<style lang="scss" scoped>
.styleLifeServices {
  background: #fff;
  min-height: 100vh;
  .image1 {
    width: 100%;
    height: 343rpx;
    margin-bottom: 52rpx;
  }
  .tabList {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 32rpx;

    .tabItem {
      width: 50%;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      color: #333;
      .image2 {
        width: 132rpx;
        height: 140rpx;
        margin-bottom: 8rpx;
      }
    }
  }
}
</style>
